// 公共样式
.easy-icon-svg {
  vertical-align: top;
}

// 加载中
.easy-icon-loading {
  animation       : rotate270 1s linear infinite;
  transform       : rotate(-90deg); // 解决旋转不连贯bug
  transform-origin: center;
}

@keyframes rotate270 {
  to {
    transform: rotate(270deg);
  }
}

// 动画延迟时间
.easy-icon-animation-delay005 {
  animation-delay: .05s;
}

.easy-icon-animation-delay010 {
  animation-delay: .1s;
}

.easy-icon-animation-delay015 {
  animation-delay: .15s;
}

.easy-icon-animation-delay025 {
  animation-delay: .25s;
}

// 动画持续时间
.easy-icon-animation-duration040 {
  animation-duration: .4s;
}

// 圈圈旋转
.easy-icon-circle-rotateX180 {
  transform-origin: center center;
  transform       : rotateX(180deg);
}

// 动画
.easy-icon-animation {
  animation-name           : stroke-dashoffset-animation;
  animation-duration       : .3s;
  animation-timing-function: ease-out;
  animation-fill-mode      : forwards;
}

@keyframes stroke-dashoffset-animation {
  to {
    stroke-dashoffset: 0px;
  }
}